<template>
    <div>
        <van-cell 
        :title='title'
        :label="label"
        center
       >
            <!-- 使用 right-icon 插槽来自定义右侧图标 -->
            <template #right-icon>
                <van-icon  @click="playFn" size="20" name="play-circle-o"/>
            </template>
        </van-cell>
    </div>
</template>

<script>
    export default {
        props:{
            title:String,
            label:String,
            id:Number
        },
        methods:{
            playFn(){
                this.$router.push({
                    path:'/play',
                    query:{
                        id: this.id
                    }
                })
            }
        }
    }
</script>

<style scoped>

</style>